<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="theme-color">
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>分享家</title>
    <link rel="stylesheet" type="text/css" href="../lib/css/api.css"/>
    <link rel="stylesheet" type="text/css" href="../lib/css/mui.css"/>
    <link rel="stylesheet" href="../css/util.css">
    <script src="http://at.alicdn.com/t/font_371407_7omis3wrfr7tx1or.js"></script>
</head>
<link rel="stylesheet" href="../css/trip_steward.css">
<body>
<header class="fxj-header">
    <back></back>
    <h1 class="fxj-title">出行管家</h1>
</header>
<main id="main">
    <section class="container des-container">
        <img class="avatar" src="../image/logo.png">
        <div class="self-des">
            <div>
                <span class="highlight">小家</span>
                <span class="tips">--</span>
                <span>您的出行贴身管家</span>
            </div>
            <p class="tips">嗨！您好，我是“小家”，很高兴为您服务！旅行外出攻略，特色房源推荐，住宿服务要求… 您有任何需求都可以告诉小家，留下您的姓名 + 手机号，即可享受一对一专人客服为您服务！</p>
        </div>
    </section>

    <section class="container form-container">
        <div class="line-transverse">
            <span>您的姓名：</span>
            <input type="text" placeholder="请填写" v-model="name">
        </div>
        <div class="line-transverse">
            <span>手机号码：</span>
            <input type="tel" placeholder="请填写" v-model="tel" onkeypress="return event.keyCode>=48&&event.keyCode<=57">
        </div>
        <div class="warp">
            <span style="padding-bottom: 8px">您的出行需求：</span>
            <textarea rows="5" placeholder="请简要阐述您的出行目的，住宿要求，服务要求等，我们会根据您的需求为您推荐合适房源。" v-model="need" onkeyup="checkIptLength()"></textarea>
            <div style="text-align: right; padding-top: 5px">{{residueLength}}</div>
        </div>
    </section>

    <section class="container tel-container">
        <div class="des">留下您的联系方式后小家会第一时间通知客服与您联系。</div>
        <div class="des">若您有其他问题或建议，请拨打全国客服电话：<a href="tel:4001177178">400-1177-178</a></div>
    </section>

    <button class="submit" @click="submit">提交需求</button>
</main>

<script type="text/javascript" src="../lib/js/babel-polyfill.js"></script>
<script type="text/javascript" src="../lib/js/vue.js"></script>
<script type="text/javascript" src="../lib/js/mui.js"></script>
<script type="text/javascript" src="../lib/js/jquery.js"></script>
<script type="text/javascript" src="../script/util.js"></script>

<script src="../script/trip_steward.js"></script>
</body>
</html>